/*提醒属性
动画属性
过渡属性 - transition: background-color .3s linear;ease快到慢、linear恒速、ease-in越来越快、ease-out越来越慢、ease-in-out先快后慢
2D旋转属性 -  transform:rotate(180deg);//需在操作的样式加：transition:all 3s;
3D旋转属性 - transform:rotateY(180deg);//需在操作的样式加：transition:all 3s;
偏移属性 - transform: translateY(-3px);
缩放属性 - transform: scale(1.1);
背景颜色渐变属性 - background: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.001));

表格属性
取消表格外边框 - border-collapse: collapse;

文本属性
字体缩进属性 - text-indent: 2em;
设置字体间距 - letter-spacing: -10px;
阻止复制属性 - user-select: none;
溢出隐藏属性 - overflow:hidden;
强制文本在一行显示属性 - white-space:nowrap;
文本溢出显示省略号属性 - text-overflow:ellipsis;

css属性
设置元素的垂直对齐方式 - vertical-align: middle;
设置边框样式 - outline: none;

兼容属性
css3 4个内核 -moz- -ms- -o- -webkit-;
IE opacity写法 - filter:alpha(opacity=100);
  
Flex
父元素设置 - display: flex;

水平设置 - justify-content: ;
子元素水平左右距离一致 - justify-content: space-around;
子元素水平左中右布局 - justify-content: space-between;

垂直设置 - align-items: ;
子元素垂直居中 - align-items: center;                                                                                                            */
	



/*通用设置*/
*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px;}
html{height: 100%;}
body{overflow-y: scroll;color: #000;background-color: #fff;height: 100%;}
a{color: inherit;font-size: inherit;text-decoration: none;}
a:link{color: inherit;text-decoration: none;}
a:visited{color: inherit;text-decoration: none;}
a:hover{color: inherit;text-decoration: none;}
a:active{color:  inherit;text-decoration: none;}
ul{font-size: 0;}
li{list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
table{border-collapse:collapse;}
th, td{padding: 5px;}
input[type="text"]:focus, input[type="password"]:focus, select:focus{box-shadow: none !important;}
iframe{border: none;}
.left{float: left;}
.right{float: right;}
.clearfix::after{clear: both;content: "";height: 0;display: block;visibility: hidden;}



/*页头*/
#header{width: 100%;height: 40px;background-color: #ededed;display: flex;justify-content: space-between;align-items: center;}
.area{padding: 10px;}
.search{padding: 10px;}
#head{width: 100%;height: 40px;background-color: #ededed;display: flex;align-items: center;justify-content: space-between;}
#head i{font-size: 25px;margin: 0 20px;}


/*页中*/
#main{width: 100%;background-color: #fff;}
.advert{width: 100%;position: relative;overflow: hidden;}
.advert ul{width: 9999px;position: relative;font-size: 0;}
.advert ul li{display: inline-block;}
.advert ul li img{width: 100%;}
.class ul{display: flex;justify-content: space-between;}
.class ul li{text-align: center;}
.class ul li img{width: 80%;margin-bottom: 10px;}
.class ul li h6{font-weight: bold;}
.class ul li p{color: #666;}
.public{width: 100%;}
.public-title{border-bottom: 1px solid dodgerblue;width: 100%;height: 30px;display: flex;align-items: center;justify-content: space-between;}
.public-title h5{color: dodgerblue;border-left: 3px solid dodgerblue;padding-left: 8px;margin: 0 !important;}
.public-title span{color: #666;font-weight: bold;}
.public-img{overflow-x: scroll;width: 100%;}
.public-img ul{margin-top: 1rem;white-space: nowrap;}
.public-img ul li{width: 33.3%;display: inline-block;padding: 0 10px;text-align: center;}
.public-img ul li img{width: 100%;}
.public-img ul li h6{color: #000;padding: 5px 0;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-content ul li{padding: 0 10px;}


/*地区*/
#area{clear: both;}
#area ul{padding: 0 5px;}
#area ul li{font-size: 18px;padding: 10px;border-bottom: 2px solid #e0e0e0;}
#area ul li:focus{background-color: #000;}


/*分类, 更多*/
#class{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.class-color{background-color: #E9967A !important;}
.class-left{width: 25%;}
.class-right{padding: 5px;}
.class-left ul{background-color: #c9c9c9;}
.class-left ul li{text-align: center;padding: 7px 5px;}
.class-right h5{font-size: 20px;color: #000;padding-bottom: 5px;border-bottom: 2px solid #666;}
.class-right ul{padding: 5px;}
.class-right ul li{width: 29%;display: inline-block;padding: 5px;}
.class-right ul li img{width: 100%;}
.class-right ul li h6{text-align: center;}




/*新闻*/
.news-content{margin: 10px 0;}



/*品牌*/
#brand{width: 100%;}
.brand-title{width: 100%;padding: 10px 0;text-align: center;background-color: dodgerblue;color: #fff;}
.brand-shop{width: 100%;display: flex;justify-content: space-between;margin-bottom: 5px;}
.brand-shop-left{border-radius: 10px;}
.brand-shop-right{width: 100%;color: #999;display: flex;align-items: center;padding: 10px;}
.brand-shop-right div{width: 100%;}
.brand-shop-right div p{display: block;}
.brand-shop-right div p b{color: orange;}
.brand-shop-right div p a{color: #000;}
/*店铺*/
#store{width: 100%;}
.store-info{display: flex;justify-content: space-between;}
.store-info .logo{width: 35%;}
.store-info .logo img{width: 100%;}
.store-content{width: 65%;padding: 30px 15px 30px 15px;line-height: 25px;}
.store-content h1{font-weight: bold;}
.store-content span{display: block;text-align: right;color: rgb(153, 153, 153);}
.store-shop .title{width: 100%;}
.store-shop .title h1{text-align: center;background-color: dodgerblue;padding: 10px 0;font-weight: bold;color: #fff;}

/*更多*/
#more ul{padding: 10px;}



/*新闻详情*/
#newsdetails{text-align: center;text-align: left;margin: 15px;}
#newsdetails h5{font-size: 32px;}
#newsdetails span{font-size: 18px;color: #999;}
#newsdetails p{font-size: 20px;line-height: 2;color: #414141;margin: 10px 0;text-indent: 2em;}



/*商品详情*/
#shop{width: 100%;}
.shop-img{overflow: hidden;position: relative;}
.shop-img ul{width: 9999px;position: relative;font-size: 0;}
.shop-img ul li{display: inline-block;}
.shop-img ul li img{width: 100%;}
.shop-content{padding: 0 10px;}
.shop-content p:nth-child(1){font-size: 2.2rem;color: #ff5000;}
.shop-content p:nth-child(1) span{font-size: 1.5rem;}
.shop-content p:last-child{color: #999;}
.shop-content p:last-child a{color: #000;}
.shop-content h1{font-size: 16.44px;color: rgb(51, 51, 51);font-weight: bold;}
.shop-content .txt{font-size: 14.248px;color: rgb(153, 153, 153);margin: 10px 0;display: flex;justify-content: space-between;}
.shop-leaveword{padding: 0 10px;}
.shop-leaveword h1{font-size: 16.44px;color: rgb(51, 51, 51);font-weight: bold;margin-bottom: 10px;}
.shop-leaveword form input[type="text"]{height: 40px;}
.shop-leaveword form input[type="submit"]{margin-top: 6px;}
.leaveword-content h2{font-size: 20px;color: rgb(51, 51, 51);font-weight: bold;padding: 15px 0;border-bottom: 1px solid #999;}
.leaveword-content ul li{border-bottom: 1px solid #999;}
.leaveword-content ul li p:nth-child(2){text-indent: 2em;}
.leaveword-content ul li p:nth-child(3){text-align: right;color: rgb(153, 153, 153);}
.shop-store{width: 100%;padding: 10px;border: 1px solid #ededed;border-radius: 5px;margin-top: 20px;}
.shop-store .shop-info{display: flex;justify-content: space-between;}
.shop-store .logo{width: 12%;}
.shop-store .logo img{width: 100%;}
.shop-store .content{width: 88%;padding: 10px 10px 5px 10px;}
.shop-store .content span{display: block;text-align: right;}
.shop-content .abtn{width: 100%;display: flex;justify-content: space-between;}
.shop-content .abtn a{display: block;width: 49%;padding: 5px;background-color: #ededed;border-radius: 5px;text-align: center;}
